
//搜索
#search .wrapper{width: 1200px;height:109px;
  .wrapper-l{width:240px;height:68px;float:left;margin-top:22px;margin-right:80px;
    img{width:240px;heigth:68px;}
  }
  .wrapper-c{width:550px;height:65px;margin-top:24px;margin-left:38px;float:left;
    form{width:530px;height:36px;border:2px solid #f15c18;
      div{width:69px;height:36px;float:left;text-align: center;height:36px;border-right:1px solid #999;position: relative;
        i{display: block;position: absolute;right:6px;top:16px;width:9px;height:6px;background: url("../../images/top_bg.png") no-repeat -50px 0;}
        ul{
          height: 36px;
          overflow: hidden;
        }
        li{list-style: none;line-height:36px;
          a{color:#777777;}
        }
      }
      input:nth-of-type(1){display:block;width:352px;height:36px;line-height:40px;border:0;float: left;padding-left:8px;outline: none}
      input:nth-of-type(2){display:block;width:100px;height: 36px;background: #f15c18;border: 0;float: left;color: #fff;font-size:18px;cursor: pointer;outline: none}
    }
    >div{margin-top:5px;
      ul{list-style: none;
        li{float: left;
          a{padding:0 8px;border-right:1px solid #999;font-size:12px;color:#777;}
        }
        li:nth-of-type(1){
          a{padding-left:0;}
        }
        li:nth-of-type(8){
          a{border: 0}
        }
      }
    }
  }
  .wrapper-r{width:264px;float: right;
    dl:nth-of-type(1){position: relative;margin-left:10px;float: right;
      a{display: block;width:127px;height: 42px;margin-top:24px;border:1px solid #999;line-height: 42px;color:#777;border-radius: 5px;font-size:14px;
        i{display: block;width:18px;height:16px;background: url("../../images/che_bg.png") no-repeat -7px -6px;float: left;margin: 13px 10px 0;}
        span{display: block;width:4px;height:7px;float:right;margin-top:17px;margin-right:8px;background: url("../../images/top_bg.png") no-repeat -150px 0;}
        div{width:348px;position: absolute;border:1px solid #999;left:-221px;border-radius: 5px;display: none;
          h3{height:28px;border-bottom: 1px solid #999;font-size: 14px;color:#333;line-height:28px;padding-left:7px;}
          p{margin:8px 0;font-size: 14px;color:#777;text-align: center}
        }
      }
    }
    dl:nth-of-type(1):hover{
      div{display: block;background:#fff;}
    }

    dl:nth-of-type(2){float:left;position: relative;
      a{display: block;width:115px;height: 42px;margin-top:24px;border:1px solid #999;line-height: 42px;color:#777;border-radius: 5px;font-size: 14px;
        i{display: block;width:18px;height:16px;background: url("../../images/che_bg.png") no-repeat -32px -6px;float: left;margin: 13px 10px 0;}
        span{display: block;width:4px;height:7px;float:right;margin-top:17px;margin-right:8px;background: url("../../images/top_bg.png") no-repeat -150px 0;}
      }
      >div{width:228px;border:1px solid #999;position: absolute;padding:0 5px;left:-123px;border-radius: 5px;display: none;
        div:nth-of-type(1){width:100%;height:60px;border-bottom:1px dashed #999;padiing:0 5px;
          img{width:48px;height:48px;float:left;margin-top:6px;border-radius: 50%}
          a{width:100px;height:30px;float: left;font-size: 14px;color:#777;padding:0;margin-top:14px;margin-left:30px;line-height: 30px;text-align: center;
          }
          a:hover{background: #999;}
        }
        div:nth-of-type(2){width:100%;
          li{width:50%;height:30px;float: left;
            a{display: block;width:50%;height:30px;line-height: 30px;margin: 0;border:0;font-size: 12px;color:#777;}
            a:hover{color:red;}
          }
        }
      }
    }
    dl:nth-of-type(2):hover{
      >div{display: block;background: #fff}
    }
  }
}

//导航条
#nav{height: 40px;border-bottom: 1px solid orangered}
#nav .wrapper{width:1200px;
  >ul{list-style: none;
    >li{float: left;height:40px;
      a{display: block;height:100%;line-height: 40px;text-align: center;padding:0 20px;font-size: 16px;color:#333;}
      a:hover{color:orangered;}
    }

    >li:nth-of-type(1){width:172px;background: orangered;position: relative;
      >a{color:#fff;font-size: 14px}
      >a:hover{color: #fff;}
      //  二级导航
      >ol{position: absolute;width:172px;z-index:10;background: #343a3a;list-style: none;display: none;
        >li{height:46px;width: 152px;padding:0 10px;border-bottom: 1px dashed #777;cursor: pointer;line-height:46px;
          a{display:inline;color:#fff;font-size: 14px;text-align: left;padding:0;
          }
          em{font-size: 12px;color:#777;}
        }
        >li:hover{background: #fff;
          a{color:#000;}
          a:hover{color:red;}
        }
        >li:nth-of-type(10){border-bottom: 0;margin-bottom: 5px};


        //三级导航
        >li:nth-of-type(1){margin-top:6px;position:relative;
          >div{position: absolute;width:1000px;right:-1002px;top:-5px;box-shadow: 3px 3px 2px 0 #999;display: none;background: #fff;
            div:nth-of-type(1){width:800px;float: left;height:450px;
              dl{width:100%;height:46px;
                >dt{float: left;height:30px;padding-bottom: 15px;position: relative;
                  a{padding:0 30px;color:#333;font-size: 12px;}
                  a:hover{color:red;}
                  i{position: absolute;width:3px;height:6px;right:12px;top:19px;background: url("../../images/top_bg.png") no-repeat -150px -15px;}
                }
                >dd{float: left;height:30px;border-bottom: 1px solid #E6E6E6;padding-bottom: 15px;
                  a{color:#777;padding:0 10px;font-size:12px;border-left: 1px solid #E6E6E6;}
                  a:hover{color:red;}
                }
              }
            }
            div:nth-of-type(2){float: right;
              ul{list-style: none;border-left: 1px solid #777;
                li{width:199px;height: 120px;margin-bottom: 10px;border-bottom: 1px solid #777;
                  img{width:180px;height: 120px;}
                }
                li:nth-of-type(3){border-bottom: 0}
              }
            }
          }
        }
        >li:nth-of-type(1):hover{
          >div{display: block}
        }
      }
    }
    >li:nth-of-type(1):hover{
      >ol{display: block;}
    }
    li:nth-of-type(2){
      a{color:orangered;}
    }
  }
}

//导航栏
#list{width:100%;height:46px;background: #f2f2f2;
  .wrapper{width: 1200px;height:26px;padding:10px 0;
    a{color:#666;}
    a:hover{color:red;}
    span{color:#999;}
  }
}


//放大镜

#mirror {width: 100%;height: 504px;background: #f2f2f2;
  .wrapper {width: 1200px;height: 503px; border-bottom: 1px solid #E6E6E6;background: #fff;
    >div:nth-of-type(1) {
      position: relative;
      width: 380px;
      height: 490px;
      float: left;
      > div:nth-of-type(1) {
        width: 360px;
        height: 360px;
        margin-left: 10px;
        position: relative;
        >div{background: #fff;
          opacity:0.7;position: absolute;left:0;top:0;cursor: crosshair;display: none}
        a {
          display: block;
          width: 360px;
          height: 360px;
          cursor: crosshair;
          img {
            width: 100%;
            height: 100%;
          }
        }
      };

      ul {
        width: 360px;
        height: 56px;
        margin-left: 10px;
        margin-top: 10px;
        li {
          width: 56px;
          height: 56px;
          float: left;
          margin-right: 5px;
          border: 1px solid #E6E6E6;
            img {
              width: 100%;
              height: 100%;
            }
        }
      };
      > div:nth-of-type(2) {width: 360px;height: 30px;
        a{display: block;height:30px;line-height: 30px;margin:0 20px;float: left;padding-top: 20px;color:#999;position: relative}
        a:nth-of-type(2){
          img{position: absolute;display: none}
        }
        a:hover{color:red;}
        a:nth-of-type(2):hover{
          img{display: block}
        }
      };

      >div:nth-of-type(3){position: absolute;left:400px;display: none;z-index: 10;
        top:0;width:504px;height:504px;
        border: 1px solid #E6E6E6;overflow: hidden;
        img{position: absolute;left:0;top:0;}
      }

    };


    >div:nth-of-type(2){width:640px;height:389px;float:left;
      >div:nth-of-type(1){width:624px;height:46px;padding:12px 8px;
        h2{width:100%;line-height:24px;margin-bottom: 4px;font-size: 22px;font-weight: normal;}
        h5{color:#FF7300;line-height: 16px;font-size: 13px;font-weight: normal;}
      };
      >dl:nth-of-type(1){width:640px;height:37px;padding:12px 0;background: url("../../images/price_bg.png") no-repeat;
        dt{width:60px;height:30px;font-size:14px;color:#999;margin-left:20px;float: left;line-height: 30px}
        dd{width:560px;height:37px;float: right;
          em{font-size: 14px;color:#FF5300;}
          span{line-height: 30px;color:#FF5300;font-size: 30px;
          }
          sub{color:#999;padding-left: 10px;}
        }
      };
      >dl:nth-of-type(2){width:640px;height:30px;margin-top:10px;padding-top:5px;
        dt{float: left;width:60px;height:30px;margin-left:20px;line-height: 30px;fonr-size:14px;color:#999;}
        dd{float: left;width:143px;height:30px;line-height: 30px;font-size:14px;color: #999;
          a{padding-left:10px;color:#999;}
          a:hover{color: red;}
        }
      };
      >dl:nth-of-type(3){width:640px;height:30px;padding-top:5px;margin-top:10px;
        dt{float: left;width:60px;height:30px;line-height: 30px;margin-left: 20px;font-size: 14px;color:#999;}
        dd{width:400px;height:30px;line-height: 30px;font-size: 14px;color:#999;
          a{padding:0 10px;font-size: 14px;color:red;}
        }
      };
      >dl:nth-of-type(4){width:640px;height:30px;padding-top:5px;margin-top:10px;
        dt{float: left;width:60px;height:30px;line-height: 30px;margin-left: 20px;font-size: 14px;color:#999;}
        dd{width:580px;height:30px;line-height: 30px;font-size: 14px;color:#999;position: relative;
          button{width:30px;height:30px;border:0;outline: none;background: #E6E6E6;font-size: 16px;cursor: pointer;}
          em{margin:0 5px;}
          span{position: absolute;top:0;left:180px;}
        }
      };
      >div:nth-of-type(2){width:560px;height:42px;padding:10px 0 10px 80px;
        input:nth-of-type(1){width:150px;height:40px;border:1px solid #E6E6E6;background: #f15c18;color:#fff;font-size: 20px;line-height: 40px;text-align: center;border: 0;outline: none;border-radius: 5px;cursor: pointer;}
        input:nth-of-type(2){width:150px;height:40px;border:1px solid #E6E6E6;background: orange;font-size: 20px;line-height: 40px;text-align: center;border: 0;outline: none;border-radius: 5px;cursor: pointer;}
        a{color:red;font-size: 16px;text-decoration: underline;margin-left:15px;display: none}
      };
      >dl:nth-of-type(5){width:640px;height:30px;margin:20px 0;
        dt{float: left;width:60px;height:30px;line-height: 30px;margin-left: 20px;font-size: 14px;color:#999;}
        dd{width:400px;height:30px;line-height: 30px;font-size: 14px;color:#999;
          a{color:#999;}
          a:hover{color:red;}
        }
      };
    };
    >div:nth-of-type(3){width:142px;height:482px;float: right;padding-right:9px;margin-top:10px;border:1px solid #E6E6E6;
      >p{width:120px;height:20px;padding:5px 10px;
        a{float: right;color:red;}
      }
      >ul{width:120px;height:444px;padding:0 10px;
        li{width:120px;height:140px;padding-top:8px;
          a{display: block;width:100%;height:120px;
            img{width:100%;height:120px;}
          }
          p{width:100%;height:20px;line-height: 20px;color:#333;font-size: 14px}
        }
      }
    }
  }
}


//商品介绍
#goods{
  .wrapper{width:1200px;
    .wrapper-l{width:212px;float: left;
      >div{width:210px;height:451px;margin-bottom: 15px;border:1px solid #E6E6E6;
        h3{width:190px;height:20px;padding:9px;border:1px solid #E6E6E6;}
        ul{width:188px;height:410px;border:1px solid #E6E6E6;padding:0 10px;
          li{width:188px;height:82px;border-top:1px dashed #E6E6E6;
            img{width:56px;height:56px;float: left;}
            dl{width:108px;float: left;padding-left:10px;
              dt{
                a{display: block;width:100%;height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color:#666;}
                a:hover{color:red;}
              }
              dd{width:118px;height:18px;color:#999;font-size: 14px;}
              dd:nth-of-type(1){color:#333;font-size: 12px;}
            }
          }
        }
      };
    };
    .wrapper-r{width:980px;float: right;
      .top{width:978px;height:48px;border:1px solid #E6E6E6;border-top-color: #f15c18;
        ul{width:100%;height:100%;
          li{float: left;width:106px;height:48px;
            a{display: block;width:100%;height:100%;line-height: 48px;text-align: center;color:#999;}
            a:hover{color:red;}
          }
          li:nth-of-type(1){
            a{color:red;}
          }
        }
      };
      .bottom{width:980px;padding-top:20px;border-top:1px solid #E6E6E6;margin-top: 30px;
        h3{width:980px;height:56px;
          img{width:100%;height:100%;}
        };
        >img{margin: 0 auto;}
      }
    }
  }
}




//天天半价
#discount{background: #fff;border-top:1px solid #999;border-bottom: 1px solid #999;}
#discount .wrapper{width:1200px;background: url("../../images/discount.png") no-repeat 100px 0;height:86px; }


//公告
#notice{background: #fff;
  .wrapper{width:1200px;height:184px;
    div:nth-of-type(1){width:300px;height:184px;float: left;
      dl{margin-top:25px;margin-left:40px;border-right: 1px solid #999999;
        dt{font-size: 20px;color:#333;margin-bottom: 10px;}
        dd{
          a{display: block;color:#999;font-size: 14px;width:180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;};
          a:hover{color:red;}
        }
      }
    };
    div:nth-of-type(2){width:823px;height:156px;margin-top:25px;float: left;
      dl{width:164px;height:136px;float: left;
        dt{font-size: 20px;color:#333333;margin-bottom: 10px;
        }
        dd{
          a{display: block;font-size: 14px;color:#777;line-height: 30px;}
          a:hover{color:red;}
        }
      }
      dl:nth-of-type(1){padding-left:20px;width:140px;}
    }
  }
}

//侧边栏
#aside{width:280px;height:100%;position: fixed;top:0;right:-270px;
  .aside-l{width: 10px;height:100%;background:#333;float: left;position: relative;
    >ul{position: absolute;top:50%;left:-28px;margin-top:-80px;
      >li{width:30px;height:30px;background: #333;margin-bottom: 5px;border-radius: 5px;position: relative;
        >a{display: block;width:100%;height:100%;background: url("../../images/toolbar_bg.png") no-repeat -2px -54px;};
        >em{display: block;height:30px;width:80px;background: #f15c18;color:#fff;position: absolute;left:30px;top:0;text-align: center;line-height: 30px;border-radius: 5px;opacity: 0;z-index: -1}
        i{display: block;width:20px;height:20px;border-radius: 50%;position: absolute;left:10px;top:-10px;background: #f15c18;color:#fff;text-align: center;line-height: 20px}
      }
    }

    span{width:30px;height:30px;background: #333;border-radius: 5px;position: absolute;left:-28px;bottom: 0;cursor: pointer;color:#fff;line-height: 30px;text-align:center;font-size: 10px}
  };
  .aside-r{width:270px;height:100%;background: #f2f2f2;float: right;position: relative;
    h3{height:42px;line-height: 42px;
      a{display: block;width:80px;height: 100%;line-height: 42px;float: left;margin-left:7px;text-align: right;font-size: 18px;color:#666;position: relative;
        i{display: block;width:18px;height:18px;position:absolute;top:12px;left:0;background: url("../../images/toolbar_bg.png") no-repeat -51px -51px;}
      };
      span{float: right;line-height: 42px;color:#999;padding-right:15px;font-size: 14px;cursor: pointer}
    }
    >ul{
      >li{width:256px;background: #fff;padding:10px 7px;overflow: hidden;
        img{width:50px;height:50px;border:1px solid #E6E6E6;float: left;};
        a{display: block;width:180px;float: left;margin-left:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#666;};
        a:hover{color:red;}
        span{display: block;float: left;margin-left:10px;font-size: 14px;color:#f15c18;margin-top:10px;width:60px;
          i{font-size: 12px;color:#999;padding-left:7px;}
        };

        em{float: right;color:#666;margin-top: 10px;cursor: pointer};
        em:hover{color:red;}
      }
    };



    >div{width: 100%;height:70px;position: absolute;bottom: 0;
      p{width:140px;line-height: 20px;margin-top:10px;float: left;font-size: 14px;color:#999;
        em{color:#f15c18;}
      }
      P:nth-of-type(2){
        em{font-size: 20px}
      }
      a{display: block;width:100px;height:40px;float: right;margin-bottom:15px;background: #f15c18;font-size: 14px;line-height: 40px;text-align: center;color:#fff;border-radius: 5px;}
    }
  }
}










